<template>
  <div>
    <UINavigation title="测试" leftIcon=""></UINavigation>
    <mu-toast v-if="isShowToast" :message="toastMsg"/>
    <mu-list class="loginList">
      <mu-list-item>
        <mu-raised-button label="测试一" fullWidth @click="testClick1" />
      </mu-list-item>
      <mu-list-item>
        <mu-raised-button label="测试二" fullWidth @click="testClick2" />
      </mu-list-item>
    </mu-list>
  </div>
</template>

<script>
  import UINavigation from '../../components/UINavigation'
  export default {
    components: {
      UINavigation,
    },
    data: function () {
      return {
        userName: '',
        passWord: '',
        isShowToast: '',
        toastMsg: '',
      }
    },
    created: function () {
    },
    beforeDestory: function () {
    },
    methods: {
      testClick1: function () {
      },
      testClick2: function () {
      }
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .loginList {
    position: fixed;
    padding-top: 60px;
    height: 100vh;
  }
</style>
